label{
    position: relative;
}
input{
  display: none;
}
.bj{
    width: 110px;
    height: 50px;
    background-color:gray;
    border-radius: 25px;
    position: absolute;
    top:0;
    left:0;
    transition: 0.3s;
    border:1px solid gray;
}
.btn{
    width: 50px;
    height: 50px;
    background-color:rgb(247, 246, 246);
    border-radius: 50%;
    position: absolute;
    top:1px;
    left:1px;
    transition: 0.3s;
    box-shadow:1px 1px 3px 0px #5a5a57;
}
input:checked+.bj{
    background-color: yellowgreen;
}
input:checked~.btn{
    left:61px
}